<template>
  <el-form label-width="120px" class="aa">
    <el-form-item label="公司名称">
      <el-input v-model="form.name" disabled />
    </el-form-item>
    <el-form-item label="公司地址">
      <el-input v-model="form.companyAddress" disabled />
    </el-form-item>
    <el-form-item label="邮箱">
      <el-input v-model="form.mailbox" disabled />
    </el-form-item>
    <el-form-item label="备注">
      <el-input v-model="form.remarks" disabled type="textarea" role="2" />
    </el-form-item>
  </el-form>
</template>

<script>
import { companyid } from '@/api/gonshi'
export default {

  data() {
    return {
      form: {

      }
    }
  },

  // 一打开页面请求，建议先封装成方法，防止后面需要调用
  created() {
    this.getData()
  },
  methods: {
    async getData() {
      const res = await companyid(this.$store.state.user.userPro.data.data.companyId)
      console.log(res)
      this.form = res.data.data
    }
  }

}
</script>

<style scoped>
 .aa{

    width: 500px;
 }

</style>
